<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <!--<link rel="stylesheet" type="text/css" href="css/baidu1.css ">-->
    <style>
        #div1 {
            word-spacing: 10px;
            margin-top: 10px;
        }
        #zuo a{
            text-decoration: none;
            color:black;
        }
        #zuo {
            float:left;
            margin-left: 20px;
            word-spacing: 30px;
            font-size: small;
        }
        #you{
            float:right;
            margin-right: 20px;
            font-size: small;
        }
        #you a.gaokao {
            text-decoration: none;
            color:red;
            float: right;
            line-height: 10px;
            margin-right: 30px;
        }
        #you a{
            text-decoration: none;
            color:black;
            float: right ;
            line-height: 10px;
        }
        #you a:hover  {
            color:blue;
        }
        #you a.gaokao :hover {
            color:blue;
        }

        #zuo a:hover {
            color:blue;
        }
        #div2{
            text-align: center ;
            clear:both;
            padding: 100px;
        }
        #kuang button {
            color:white;
            font-size: large;

        }

    </style>
</head>
<body>
<div style="float: left;width:100% " id="div1">
    <div id="zuo">
        <a href="http://news.baidu.com" target="_blank ">新闻</a>
        <a href="http://www.hao123.com" target="_blank ">hao123</a>
        <a href="http://map.baidu.com" target="_blank ">地图</a>
        <a href="http://haokan.baidu.com" target="_blank ">视频</a>
        <a href="http://tieba.baidu.com" target="_blank ">贴吧</a>
        <a href="http://xueshu.baidu.com" target="_blank ">学术</a>
        <a href="http://www.baidu.com/more/" target="_blank ">更多</a>
    </div>
    <div id="you">
        <a href="https://www.baidu.com/s?tn=baidutop10&rsv_idx=2&wd=%E9%95%BF%E6%B2%99%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5" target="_blank">长沙 34℃</a>
        <a href="https://www.baidu.com/s?wd=%E9%AB%98%E8%80%83&sa=searchpromo_gk_pc_ysj" target="_blank " class="gaokao">高考加油</a>
    </div>
</div>
<div id="div2">
    <div id="tu">
        <a href="https://www.baidu.com/s?wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn=SE_Pclogo_6ysd4c7a&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pc" target="_blank"><img src="img/baidu.png" ></a>
    </div>
    <div id="kuang" >
        <input type="text" placeholder="请输入你要搜索的内容"  size="80" name="username" style="height: 40px" >
        <button type="submit" style="height: 45px;width:100px;background-color: deepskyblue " >百度一下</button>
    </div>
</div>
</body>
</html>
